<template>
	<view class="pop-model-box" v-if="showModal">
		<view class="card-box">
			<view class="t-title">{{ title }}</view>
			<!-- 关闭 -->
			<view class="close-btn" @click="close">
				<view class="iconfont iconclose"></view>
			</view>
			<view class="handle-box">
				<slot></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Area',
		props: ['title'],
		data() {
			return {
				showModal: false,
			};
		},
		methods: {
			open() {
				this.showModal = true
			},
			close() {
				this.showModal = false
			}
		}
	}
</script>

<style lang="stylus">
@import '@/stylus/mixin.styl'
</style>
